import React, { Component } from 'react';

// 7. 导入 store
import store from './store/index'

class App extends Component {

  render() {
    console.log(store.getState().count);
    return (
      <div>
        {/* 8. 在组件通过 store.getState() 获取全局状态 */}
        <h1> redux 状态管理 --- {store.getState().count} </h1>

        <button onClick={()=>{
          // 通过 store.dispatch 触发修改状态的事件，修改状态的事件就是定义的 switch
          store.dispatch({type: 'add'})
        }}>加 1</button>
        <button onClick={()=>{
          store.dispatch({type: 'reduce'})
        }}>减 1</button>

        <button onClick={()=>{
           store.dispatch({type: 'addNum', payload: 10})
        }}>加指定数</button>
        <button onClick={()=>{
           store.dispatch({type: 'reduceNum', payload: 10})
        }}>减指定数</button>

      </div>
    );
  }
}

export default App;
